<form class="layui-form">
	<fieldset class="layui-elem-field">
		<legend>操作系统</legend>
		<div class="layui-field-box">
			<div class="layui-form-item">
				<label class="layui-form-label">系统信息</label>
				<div class="layui-input-block">
					<input class="layui-input"autocomplete="off" value="${os.os!}" disabled />
				</div>
			</div>
			<#if (os.redHat?length > 0)>
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">RedHat版本</label>
					<div class="layui-input-inline">
						<input class="layui-input" type="text" autocomplete="off" value="${os.redHat}" disabled/>
					</div>
				</div>
			</div>
			</#if>
		</div>
	</fieldset>
	<fieldset class="layui-elem-field">
		<legend>处理器</legend>
		<div class="layui-field-box">
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">CPU型号</label>
					<div class="layui-input-inline">
						<input class="layui-input" type="text" autocomplete="off" value="${cpus[0].modelName!}" disabled/>
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">核心</label>
					<div class="layui-input-inline">
						<input class="layui-input" type="text" autocomplete="off" value="${cpus?size}" disabled/>
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">地址位数</label>
					<div class="layui-input-inline">
						<input class="layui-input" type="text" autocomplete="off" value="${cpus[0].addressSizes}" disabled/>
					</div>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">指令集</label>
					<div class="layui-input-inline">
						<input class="layui-input" type="text" autocomplete="off" value="${cpus[0].flags!}" disabled/>
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">主频</label>
					<div class="layui-input-inline">
						<input class="layui-input" type="text" autocomplete="off" value="${cpus[0].cpuMHz!} GHz" disabled/>
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">浮点运算</label>
					<div class="layui-input-inline">
						<input class="layui-input" type="text" autocomplete="off" value="${cpus[0].fpu!}" disabled/>
					</div>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">制造商</label>
					<div class="layui-input-inline">
						<input class="layui-input" type="text" autocomplete="off" value="${cpus[0].vendorId!}" disabled/>
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">二级缓存</label>
					<div class="layui-input-inline">
						<input class="layui-input" type="text" autocomplete="off" value="${cpus[0].cacheSize!}" disabled/>
					</div>
				</div>
			</div>
		</div>
	</fieldset>
	<fieldset class="layui-elem-field">
		<legend>内存</legend>
		<div class="layui-field-box">
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">内存大小</label>
					<div class="layui-input-inline">
						<input class="layui-input" type="text" autocomplete="off" value="${mem.memTotal/1024/1024!} G" disabled/>
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">空闲内存</label>
					<div class="layui-input-inline">
						<input class="layui-input" type="text" autocomplete="off" value="${mem.memFree/1024/1024!} G" disabled/>
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">交换空间</label>
					<div class="layui-input-inline">
						<input class="layui-input" type="text" autocomplete="off" value="${mem.swapTotal/1024/1024!} G" disabled/>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-field-box">
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">交换空间剩余</label>
					<div class="layui-input-inline">
						<input class="layui-input" type="text" autocomplete="off" value="${mem.swapFree/1024/1024!} G" disabled/>
					</div>
				</div>
			</div>
		</div>
	</fieldset>
	<fieldset class="layui-elem-field">
		<legend>存储</legend>
		<table class="layui-table">
		  <colgroup>
		    <col>
		    <col>
		    <col>
		    <col>
		    <col>
		    <col>
		  </colgroup>
		  <thead>
		    <tr>
		      <th>文件系统</th>
		      <th>容量</th>
		      <th>已用</th>
		      <th>可用</th>
		      <th>磁盘使用率</th>
		      <th>挂载点</th>
		    </tr> 
		  </thead>
		  <tbody>
		  <#list disk as item>
		    <tr>
		      <td>${item.fileSystem!}</td>
		      <td>${item.blocks!}</td>
		      <td>${item.used!}</td>
		      <td>${item.available!}</td>
		      <td>
		      <div class="layui-progress layui-progress-big" lay-showPercent="true">
		      	<div class="layui-progress-bar layui-bg-blue" lay-percent="${item.use!}"></div>
		      </div>
		      </td>
		      <td>${item.mountedOn!}</td>
		    </tr>
		  </#list>
		  </tbody>
		</table>
	</fieldset>
	<fieldset class="layui-elem-field">
		<legend>网卡</legend>
		<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
		  <ul class="layui-tab-title">
		  <#list eths as item>
		    <li <#if (item_index=0)>class="layui-this"</#if>>${item.name!}</li>
		  </#list>
		  </ul>
		  <div class="layui-tab-content">
		  <#list eths as item>
			<div class="layui-tab-item<#if (item_index=0)> layui-show</#if>">
				<div class="layui-field-box">
					<div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">IP地址</label>
							<div class="layui-input-inline">
								<input class="layui-input" type="text" autocomplete="off" value="${item.inet!}" disabled/>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">mask地址</label>
							<div class="layui-input-inline">
								<input class="layui-input" type="text" autocomplete="off" value="${item.netmask!}" disabled/>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">inet6地址</label>
							<div class="layui-input-inline">
								<input class="layui-input" type="text" autocomplete="off" value="${item.inet6!}" disabled/>
							</div>
						</div>
					</div>
					<div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">最大传输单元</label>
							<div class="layui-input-inline">
								<input class="layui-input" type="text" autocomplete="off" value="${item.mtu!}" disabled/>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">广播地址</label>
							<div class="layui-input-inline">
								<input class="layui-input" type="text" autocomplete="off" value="${item.broadcast!}" disabled/>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">网卡速率</label>
							<div class="layui-input-inline">
								<input class="layui-input" type="text" autocomplete="off" value="${item.speed!}" disabled/>
							</div>
						</div>
					</div>
					<div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">发送字节数</label>
							<div class="layui-input-inline">
								<input class="layui-input" type="text" autocomplete="off" value="${item.txbytes/1024/1024/1024!}Gib" disabled/>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">接收字节数</label>
							<div class="layui-input-inline">
								<input class="layui-input" type="text" autocomplete="off" value="${item.rxbytes/1024/1024/1024!}Gib" disabled/>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">接口类型</label>
							<div class="layui-input-inline">
								<input class="layui-input" type="text" autocomplete="off" value="${item.port!}" tips="Twisted Pair - 双绞线 <br>FIBRE - 光纤"/>
							</div>
						</div>
					</div>
					<div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">网卡支持类型</label>
							<div class="layui-input-inline">
								<input class="layui-input" type="text" autocomplete="off" value="${item.supportedPorts!}" tips="FIBRE - 光纤<br>TP - RJ45网口 100Base-TX<br>AUI - 粗缆接口 10Base-5<br>BNC - 细缆接口 10Base-2"/>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">工作模式</label>
							<div class="layui-input-inline">
								<input class="layui-input" type="text" autocomplete="off" value="${item.duplex!}" disabled/>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">网卡物理标识</label>
							<div class="layui-input-inline">
								<input class="layui-input" type="text" autocomplete="off" value="${item.phyad!}" disabled/>
							</div>
						</div>
					</div>
				</div>
			</div>
		  </#list>
		  </div>
		</div>
	</fieldset>
</form>